body {
  height: 100%;
  width: 100%;
  font-size: 14px;
  color: $color31;
  line-height: 1;
}
img {
  max-width: 100%;
}

.d-flex {
  display: flex;
}

.d-inline {
  display: inline;
}

.d-inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-1 {
  flex: 1;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.flex-column {
  flex-direction: column;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

// skeleton
.skeleton-top {
  margin-top: 20px;
}